<template>
    <div>
        这是商品管理页面
        {{returnNumber}}
    </div>
</template>

<script>
import { Footer } from "element-ui"

    export default{
        data(){
            return{
                Number:0
            }
        },
        methods:{
            jiantouhanshu(){
               console.log(fun=>"测试箭头函数")
            }
        },
        beforeCreate() {
            console.log("初始化一个空的Vue实例对象",this)
        },
        created(){
            console.log("模拟发送请求，从后端获取数据后修改number的值")
            this.Number= 1   
            console.log(this.Number)
        },
        beforeMount(){
            console.log("在内存中将html结构渲染到浏览器中,这里模拟发送请求再次更改number的值")
            this.Number=2
            console.log(this.Number)
        }
        ,
        mounted(){
            this.jiantouhanshu()
            console.log("完成渲染和装载dom完毕，操作dom")
        },
        beforeDestroy() {
            console.log("模拟销毁前")
        },
        destroyed(){
            console.log("摧毁一些东西")
            console.log(this.Number)
        },
        computed:{
            returnNumber: function(){
                return  this.Number
            }
        }
    }
</script>
